<template>
  <div>
    <u-popup  :round="2" bgColor="transparent" :show="mashow" @close="maclose"  mode="center">
      <view class="bg">
        <view class="nomabox">
          <image
            class="rentiplogo"
            mode="widthFix"
            src="@/static/img/rentiplogo.png"
          ></image>
          <view class="tips"> " 需要你的认证 </view>
          <view class="tips"> 才能体验这个功能哦 " </view>
          <button class="goren" @click="gorenpage">去认证</button>
        </view>
      </view>
 
    </u-popup>
  </div>
</template>
<script lang="ts" setup>
    import { ref } from "vue";
const emit = defineEmits(['gorenpage'])
const textvalue = ref('');
const userId = ref('');

const mashow = ref(false);
const qrcodeSrc=ref('')
const maopen = () => {
  mashow.value = true;
const userid=uni.getStorageSync("userId")
userId.value=uni.getStorageSync("userId")
  textvalue.value=(Number(userid) + 187423) + '_rmker_sheshouduo.com'

};
const maclose = () => {
  mashow.value = false;
};
const gorenpage=()=>{
  emit('gorenpage', '1')
}


defineExpose({
  maopen,
  gorenpage
});
</script>
<style lang="scss" scoped>
  .bg{
    background: #FFFFFF;
    border-radius: 10rpx;
  }
  .fabox{
    position: relative;
    height: 300rpx;
    margin-bottom: 200rpx;
    display: flex;
    align-items: center;
  }
    .mabox {
  border-radius: 50rpx;
  width: 614rpx;
  height: 816rpx;
  background: url("http://f.sheshouduo.cn/x/s1/gerenmabg.png")
    no-repeat;
  background-size: 100% 100%;
  padding: 38rpx 56rpx;
  box-sizing: border-box;
  .maimg {
    width: 243rpx;
    height: 243rpx;
    margin: 108rpx 130rpx;
  }
  .nametext {
    font-size: 40rpx;
    color: #000000;
  }
  .phonetext {
    font-size: 25rpx;
    color: #666666;
  }
  .shelogo{
    width: 94rpx;
    height: 116rpx;
    margin-right: 26rpx;
  }
  .tips{
    font-size: 22rpx;
font-weight: 400;
color: #333333;
line-height: 32rpx;
  }
}
.nomabox{
  text-align: center;
  width: 613rpx;
  height: 816rpx;
  background: url("http://f.sheshouduo.cn/x/s1/qurenzhengbg.png") no-repeat;
  background-size: 100% 574rpx;
.rentiplogo{
  width: 358rpx;
  height: 176rpx;
  margin-top: 86rpx;
  margin-bottom: 176rpx;
}
.tips{
  font-size: 33rpx;
font-weight: 600;
color: #000000;
margin-bottom: 20rpx;
}
.goren{
width: 526rpx;
height: 94rpx;
line-height: 94rpx;
background: #953B82;
border-radius: 7rpx;
font-size: 27rpx;
font-weight: 500;
color: #FFFFFF;
margin-top: 130rpx;
}
}
/* #ifdef MP-WEIXIN */
.erweimabox{
  width: 243rpx;
  height: 243rpx;
  margin: 0rpx auto;
  margin-top: 80rpx;
}
/*  #endif */
</style>